// less里面允许引入别的less
@import url("./reset.less");
@import url("./common.less");
// less里面还允许引入别的css
@import url("../font/iconfont.css");

// 顶端
.top {
  height: 40px;
  border-bottom: 1px solid #ccc;
  nav {
    padding-left: 27%;
    li {
      float: left;
      line-height: 40px;
      padding: 0 9px;
      &.active {
        background-color: #008fd5;
        a {
          color: #fff;
        }
      }
    }
  }
  .login {
    height: 40px;
    li {
      float: left;
      line-height: 40px;
      padding: 0 10px;
      .iconfont {
        font-size: 30px !important;
      }
      .icon-weibo {
        color: #ed5053;
      }
      .icon-weixin--- {
        color: #6aaf28;
      }
      .icon-in {
        color: #008fd5;
      }
      .icon-language {
        font-size: 12px !important;
      }
    }
  }
}

header {
  height: 86px;
  line-height: 86px;
  .logo {
    width: 225px;
    height: 86px;
    a {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  nav {
    padding-left: 8%;
    li {
      float: left;
      padding: 0 30px;
    }
  }
}

.banner {
  height: 608px;
  background-color: hotpink;
}

main {
  min-height: 400px;
  background-color: blue;
}

footer {
  min-height: 200px;
  background: red;
}
